@mixin circle {
	border-radius: 50%;
	overflow: hidden;
}

.idcardImg,.updataCarImg{
	width: 310rpx;
	height: 206rpx;
	border-radius: 10rpx;
	overflow: hidden;
	margin:auto 12rpx ;
	margin-bottom: 20rpx;
	text-align: center;
	image {
		width: 100%;
		height: 100%;
	}
}
.updataCarImg,.noImg{
	width: 32%; 
	// height: auto !important; 
	height: 137rpx;
	border-radius: 16px;
	margin:6rpx 1% 8rpx;
	image {
		width: 100%;
		height: 100%;
	}
}
 .width33{
	 
	 width: 33% !important;
	 border-radius: 10rpx;
	 overflow: hidden;
	 text-align: center;
	 image {
	 	width: 96%;
	 	height: 96%;
	 }
 }
.height160{
	height: 160rpx;
}
.noImg{
	border: 4rpx #E5E5E5;
}
.wrap {
	width: 100%;
	min-height:100%;
	padding-bottom: 20rpx;
	background-color: #f5f5f5;
	.headerBg {
		width: 100%;
		height: 200rpx;
		line-height: 120rpx;
		padding-left: 24rpx;
		font-size: 32rpx;
		color: #333;
		font-weight: bold;
		background-color: #fbd220;
	}
	.list,.nolist{
		width: 702rpx;
		margin: 0 auto;
		padding: 6rpx 14rpx;
		background: #ffffff;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
		border-radius: 10rpx;
		margin-top: 24rpx;
		.title {
			height: 72rpx;
			line-height: 72rpx;
			border-bottom: 1rpx solid #e6e6e6;
			margin-bottom: 10rpx;
			display: flex;
			.headImg {
				width: 52rpx;
				height: 52rpx;
				line-height: 52rpx;
				margin: 10rpx 10rpx;
				@include circle image {
					width: 100%;
					height: 100%;
					vertical-align: middle;
				}
			}
			.shopName {
				font-size: 30rpx;
				color: #333;
				font-weight: bold;
			}
		}
		.block{
			height:auto;
			line-height: 2;
			display: block;
		}
		.listItem,
		.callListItem {
			display: flex;
			justify-content: space-between;
			padding: 8rpx 0rpx;
			.left {
				width: 22%;
				display: flex;
				color: #999;
				.carImg {
					width: 36rpx;
					height: 36rpx;
					margin-right: 5rpx;
					image {
						width: 100%;
						height: 100%;
					}
				}
			}
			.right {
				width: 78%;
				color: #333;
			}
		}
		.callListItem {
			border-bottom: 1rpx solid #e6e6e6;
			padding: 20rpx 4rpx;
			.right {
				width: 30%;
				
				text-align: right;
			}
			.left{
				display:block;
				width: 70%;
			}
		}
		.bottom-flex {
			display: flex;
			height: 68rpx;
			padding: 16rpx 0rpx;
			border-top: 1rpx solid #eeeeee;
			margin-top: 10rpx;
			margin-bottom: 4rpx;
		}
	}
	.nolist{
		margin-top:-10rpx;
		box-shadow:none;
	}
}

//外观内饰
.iconcolor {
	width: 36rpx;
	height: 36rpx;
	display: inline-block;
	border: 2rpx solid #999;
	margin: -8rpx 4rpx;
	overflow: hidden;
	border-radius: 50%;
}
.iconcolor2 {
	width: 36rpx;
	height: 36rpx;
}

.fixedBottomBtn {
	width: 100%;
	height: 120rpx;
	position: fixed;
	bottom: 0rpx;
	background-color: #fff;
	.call {
		width: 20%;
		display: inline-block;
		text-align: center;
		line-height: 40rpx;
		padding: 20rpx 0px;
	}
	// .btn{
	// 	display:inline-block;
	// 	width: 76%;
	// 	overflow: hidden;
	// 	position: absolute;
	// 	top: 16rpx;
	// line-height:140rpx ;
	.btnWrap,
	.btnWrap-3 {
		width: 90%;
		display: flex;
		margin: 20rpx auto;
		text-align: center;
		height: 88rpx;
		font-size: 32rpx;
		.left {
			color: #ffe03b;
			line-height: 88rpx;
			background-color: #333333;
			border-radius: 40rpx 0px 0rpx 40rpx;
			border-right: 1rpx solid #fff;
		}

		.right {
			color: #333333;
			line-height: 88rpx;
			background-color: #ffe03b;
			border-left: 1rpx solid #fff;
			border-radius: 0px 40rpx 40rpx 0rpx;
		}
	}
	.btnWrap-3 {
		.middle-wrap {
			color: #ffe03b;
			background-color: #333333;
			line-height: 88rpx !important;
		}
	}
}
.line74{
	line-height: 74rpx;
}
.rotate180 {
	transform: rotate(180deg);
}
.marr5 {
	margin-right: 8rpx;
}
.marl5 {
	margin-left: 8rpx;
}
.ml-60 {
	margin-left: 60rpx;
}
.mart40p {
	margin-top: -100rpx !important;
}
.mb140 {
	margin-bottom: 140rpx;
}
.colEB5C02{
	color: #EB5C02 !important;
}
.flex-jc-c {
	justify-content: center !important;
}
.border-bottom0{
	border-bottom: 0rpx !important;
}
.btn-bg-yellow{
	height: 90rpx;
 	line-height: 90rpx;
	font-size: 32rpx;
	margin: 15rpx 5% ;
	.middle{
		vertical-align: initial;
	}
	.mr-5{
		margin-right: 14rpx;
	}
	
}
.copy {
	background: #fff6cd;
	border-radius: 5px;
	text-align: center;
	font-size: 24rpx;
	width: 78rpx;
	height: 32rpx;
	line-height: 32rpx;
	padding: 4rpx 5rpx;
}
.popup{
	position: fixed;
	top: 0rpx;
	width: 100%;
	height: 100vh;
	background-color: #333;
	z-index: 999;
	text-align: right;
	.width-100{
		margin-top: 35%;
		image{
			width:100%;
			// height:100%
		}
	}
	.delBtn{
		width: 50%;
		margin: 20rpx;
		color: #fff;
	}
}